<template>
    <!-- 标题部分 -->
    <div class="container mx-auto text-center py-16">
        <h2 class="text-4xl md:text-5xl font-bold text-white mb-4 font-playball tracking-wide">Fashion for Independent Women</h2>
        <p class="text-white/90 text-lg max-w-4xl mx-auto mb-10 font-poppins font-medium leading-8">
            Welcome to our fashion sanctuary, meticulously crafted for modern women seeking unique style.
            We are dedicated to providing high-quality clothing that showcases personality without
            compromising elegance. Because we believe: every woman deserves the perfect outfit that expresses her true self.
        </p>
        <div class="flex justify-center gap-4">
            <button class="bg-red-600 cursor-pointer text-white px-8 py-3 rounded font-bold tracking-widest hover:bg-red-700 transition">
                DISCOVER MORE
            </button>
            <button class="border border-white/20 cursor-pointer text-white px-8 py-3 rounded font-bold tracking-widest hover:bg-white/10 transition">
                ALL PRODUCTS
            </button>
        </div>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
    name: 'Summary',
});
</script>